<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>关于我</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./iconfont/iconfont.css">
    <style>
    .nav ul li a:hover{
        border-radius: 0px 0px 20px 20px;
    }
    .iconfont{
        font-size: 50px;
        color: blue;
    }
    .mains span{
        position: absolute;
        right: 50px;
        bottom: 40px;
        float: right;
        width: 50px;
        height: 50px;
    }
    .mains audio{
        position:absolute;
        float: right;
        width: 80px;
        height: 55px;
        right: 30px;
        background-color:aqua;
        top: 40px;
    }
    .main {
        width: 1206px;
        height: 700px;
        margin: 0 auto;
        border-left: 50px solid lightblue;
        border-right: 50px solid lightblue;
        border-bottom: 50px solid lightblue;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(images/background.jpg);
        background-color: rgba(255,255,255,0.5);
    }
    #subject{
        padding-top: 200px;
    }
    #subject p{
        color: black;
        font-size: 40px;
        font-family: "宋体";
        text-align: center;
        word-wrap: 10px;
        text-indent: 2em;
    }
    </style>
</head>
<body>
    <div class="header" id="top">
    <h1>关于我</h1>
    </div>
    <div class="nav">
        <ul>
            <li><a href="index.html">返回首页</a></li>
        </ul>
    </div>
    <div class="mains">
        <a href="#top"><span class="iconfont icon-top"></span></a>
        <audio src="./media/Capo-Productions《Journey》.mp3" controls autoplay loop preload="auto"></audio>
        <div class="main">
            <div id="subject">
                <p>我来自江西省赣州市大余县，是一名共青团员，现在的主要身份是一名学生。我喜欢音乐、
                    漫画、动漫、游戏，也许是时间充足，我在很多方面都有涉猎。我的职业价值观是
                    <strong>“该放松就放松，该工作就工作”</strong>。我认为一个良好的工作坏境很
                    重要，一个良好的工作坏境，就像生活环境一样，良好的环境往往能让员工事半功倍。
                </p>
				
            </div>
        </div>
    </div>
    <div class="footer">
        <p>艺术传媒与计算机学院</p>
        <p>2023级软件技术1班</p>
        <p>严鸿峰</p>
        <p>20230533020146</p>
    </div>

</body>
</html>